<!DOCTYPE html>
<html>
<head>
<title>table-js删除行</title>
</head>
<body>
<script type="text/javascript">
function deleteRow(tableID, obj) {//参数bai为表格ID，触发对象du
//获得触发对象的行号，zhiparentElement的个数取决于触发对象为TR的第几级子项dao，input=>td=>tr，所以parentElement有两个
var rowIndex = obj.parentElement.parentElement.rowIndex;
//var table = document.getElementById(tableID).deleteRow(rowIndex);
obj.parentElement.parentElement.parentElement.deleteRow(rowIndex); //再简化：省略tableID参数
}
</script>
<table id="tb" border="1px">
<tr><td>第1行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第2行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第3行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第4行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
</table>
</body>
</html>
